<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="../../../WEB-INF/plantilla/defecto.xhtml">
	<ui:define name="titulo">Administrar proveedores</ui:define>
	<ui:define name="contenido">
	 	
	 	<script type="text/javascript">
			<!--
			  function mis_datos(){
				   var key=window.event.keyCode;
				   if (key < 48 || key > 57){
				   window.event.keyCode=0;
				   }
			  }
			-->
		 </script>
		
		<h1>Administrar proveedores</h1>
		<h:form id="wLisProv">
			<!-- <p:panel header="Criterios de b&#250;squeda" toggleable="true"> -->
			<p:growl life="5000" showDetail="true" id="msj" autoUpdate="true"/>
			
			<p:accordionPanel>
				<p:tab title="Criterios de b&#250;squeda">
					<div class="filas">
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtDescripcion" value="Descripci&#243;n:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtDescripcion" value="#{proveedorMB.objProveedorMain.descProveedor}" maxlength="60"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgDescripcion"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgDescripcion" value="Descripcion" />
									</div>
								</div>
								<p:message for="txtDescripcion" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboEstado" value="Estado:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboEstado" value="#{proveedorMB.iIdEstadoMae}">
											<f:selectItem itemLabel="Todos" itemValue="-1" />
											<f:selectItems value="#{parametroMB.lstEstadosGenerales}"
											var="estadoGeneral" itemLabel="#{estadoGeneral.nombre}"
											itemValue="#{estadoGeneral.codigo}"/>
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgEstado"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgEstado" value="Estado" />
									</div>
								</div>
								<p:message for="cboEstado" />
							</div>
						</div>
						<div class="mitad">
							<div class="completo">
								<div class="tercio" style="width: 20%">
									<h:outputLabel for="txtRuc" value="RUC:" />
								</div>
								<div class="dostercios" >
									<div class="input" > 
										<p:inputText id="txtRuc" value="#{proveedorMB.objProveedorMain.ruc}" onkeypress="mis_datos()" maxlength="12"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgRuc"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgRuc" value="RUC" />
									</div>
								</div>
								<p:message for="txtRuc" />
							</div>

						</div>

					</div>
					<div class="boton">
						<p:commandButton value="Buscar" icon="ui-icon-search" action="#{proveedorMB.buscarProveedores}" 
						update="@form:tblProveedores"/>
					</div>
					<div style="clear: both;"></div>
					<!-- </p:panel> -->
				</p:tab>
			</p:accordionPanel>
			<h2>Resultados</h2>
			<p:separator />

			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Nuevo proveedor" icon="ui-icon-plus" actionListener="#{proveedorMB.actionpenRegister}"
					onclick="dlgAgregarProveedor.show()" update="wRegProv:iddlgAgregarProveedor"/>
			<div style="clear: both;"></div>
			</div>

			<div class="scrollTabla">
				<p:dataTable paginator="true" paginatorPosition="bottom" rows="10"
					style="width: 100%" var="p" value="#{proveedorMB.lstProveedor}" id="tblProveedores">
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Item" />
						</f:facet>
						<h:outputText value="001" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Editar" title="Editar" />
						</f:facet>
						<p:commandLink value="Editar" onclick="dlgEditarProveedor.show()" action="#{proveedorMB.openEditProveedor}" 
								update="wEditProv:pEditProv">
							<f:param name="codProv" value="#{p.idProveedor}" id="codProv" />
						</p:commandLink>
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="RUC" />
						</f:facet>
						<h:outputText value="#{p.ruc}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Descripci&#243;n" />
						</f:facet>
						<h:outputText value="#{p.descProveedor}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Tipo" />
						</f:facet>
						<h:outputText value="#{p.tipoProveedor.descTipoProveedor}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Estado" />
						</f:facet>
						<h:outputText value="#{p.sNombreEstado}" />
						
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Fecha Registro" />
						</f:facet>
						<h:outputText value="#{p.fecReg}" />
					</p:column>
					<p:column styleClass="oficina">
						<f:facet name="header">
							<h:outputText value="Usuario" />
						</f:facet>
						<h:outputText value="#{p.usuReg}" />
					</p:column>
					<p:column styleClass="Carpeta">
						<f:facet name="header">
							<h:outputText value="Carpeta" />
						</f:facet>
						<h:outputText value="#{p.carpeta}" />
					</p:column>

					<f:facet name="footer">  
          			 	Total de registros: <h:outputText value="#{proveedorMB.iCanProveedores}"/> 
        		</f:facet>
				</p:dataTable>
			</div>
			<div class="opcionesTabla" style="text-align: left;">
				<p:commandButton value="Exportar" icon="ui-icon-disk" />
				<div style="clear: both;"></div>
			</div>
		</h:form>

		<!-- ************************************ PROVEEDORES ****************************************** -->
		
		<p:dialog header="Agregar proveedor" widgetVar="dlgAgregarProveedor"
			modal="true" width="850" position="top">
			
			<p:growl life="5000" showDetail="true" id="msj" autoUpdate="true"/>
			
			<h1>Agregar proveedor</h1>
			<h:form id="wRegProv">
				<p:panel header="Datos del proveedor" toggleable="false" id="iddlgAgregarProveedor">
					<div class="filas">
						<div class="mitad">
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="cboTipo" value="Tipo:" />
								</div>
								<div class="dostercios">
									<div class="combo">
										<p:selectOneMenu id="cboTipo" value="#{proveedorMB.idTipoProveedor}">
											<f:selectItem itemLabel="-- Seleccione un tipo --" itemValue="-1" />
											<f:selectItems value="#{proveedorMB.lstTiposProveedorCombo}"
											var="tp" itemLabel="#{tp.descTipoProveedor}"
											itemValue="#{tp.idTipoProveedor}"/>
										</p:selectOneMenu>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgTipo"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgTipo" value="Tipo" />
									</div>
								</div>
								<p:message for="cboTipo" />
							</div>
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtDescripcion" value="Descripci&#243;n:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtDescripcion" value="#{proveedorMB.objProveedorMain.descProveedor}" maxlength="60"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgDescripcion"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgDescripcion" value="Descripci&#243;n" />
									</div>
								</div>
								<p:message for="txtDescripcion" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtTelProveedor"
										value="Tel&#233;fono del proveedor:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtTelProveedor" value="#{proveedorMB.objProveedorMain.telefono}" maxlength="20" onkeypress="mis_datos()"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgTelProveedor"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgTelProveedor"
											value="Tel&#233;fono del proveedor" />
									</div>
								</div>
								<p:message for="txtTelProveedor" />
							</div>
						</div>
						<div class="mitad">

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtRuc" value="Ruc:" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtRuc" value="#{proveedorMB.objProveedorMain.ruc}" maxlength="12" onkeypress="mis_datos()"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgRuc"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgRuc" value="Registro" />
									</div>
								</div>
								<p:message for="txtRuc" />
							</div>

							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtDireccion" value="Direcci&#243;n :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtDireccion" value="#{proveedorMB.objProveedorMain.direccion}" maxlength="60"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgDireccion"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgDireccion" value="Direcci&#243;n" />
									</div>
								</div>
								<p:message for="txtDireccion" />
							</div>
							
							<div class="completo">
								<div class="tercio">
									<h:outputLabel for="txtCarpeta" value="Carpeta :" />
								</div>
								<div class="dostercios">
									<div class="input">
										<p:inputText id="txtCarpeta" value="#{proveedorMB.objProveedorMain.carpeta}"/>
									</div>
									<div class="tooltip">
										<h:graphicImage id="imgCarpeta"
											url="../../../presentacion/images/help.png"></h:graphicImage>
										<p:tooltip for="imgCarpeta" value="Carpeta donde se va a guardar el excel" />
									</div>
								</div>
								<p:message for="txtCarpeta" />
							</div>
						</div>
					</div>
					<div class="boton">
						<p:commandButton value="Agregar" icon="ui-icon-disk" actionListener="#{proveedorMB.insertProveedor}" update="msj,wLisProv:tblProveedores"
						 onclick="dlgAgregarProveedor.hide()"/>
						
					</div>
					<div style="clear: both;"></div>
					
					
					
				</p:panel>

				<div style="clear: both;"></div>
			</h:form>
		</p:dialog>
	
	
			
	
		<!-- **************************** EDITAR PROVEEDORES ********************************* -->
	
		<p:dialog header="Editar proveedor" widgetVar="dlgEditarProveedor"
			modal="true" width="850" position="top">
			<h:form id="wEditProv">
			
			 <p:outputPanel id="pEditProv" >
				<p:accordionPanel>
					<p:tab title="Datos del proveedor">
						<div class="filas">
							<div class="mitad">
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="cboTipoEditar" value="Tipo:" />
									</div>
									<div class="dostercios">
										<div class="combo">
											<p:selectOneMenu id="cboTipoEditar" value="#{proveedorMB.idTipoProveedor}">
												<f:selectItem itemLabel="-- Seleccione un tipo --" itemValue="-1" />
												<f:selectItems value="#{proveedorMB.lstTiposProveedorCombo}"
												var="tp" itemLabel="#{tp.descTipoProveedor}"
												itemValue="#{tp.idTipoProveedor}"/>
											</p:selectOneMenu>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgTipoEditar"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgTipoEditar" value="Tipo" />
										</div>
									</div>
									<p:message for="cboTipoEditar" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtDescripcionEditar"
											value="Descripci&#243;n:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtDescripcionEditar" value="#{proveedorMB.objProveedorMain.descProveedor}" maxlength="60"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgDescripcionEditar"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgDescripcionEditar"
												value="Descripci&#243;n" />
										</div>
									</div>
									<p:message for="txtDescripcionEditar" />
								</div>

								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtTelProveedorEditar"
											value="Tel&#233;fono del proveedor:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtTelProveedorEditar" value="#{proveedorMB.objProveedorMain.telefono}" maxlength="20" onkeypress="mis_datos()"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgTelProveedorEditar"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgTelProveedorEditar"
												value="Tel&#233;fono del proveedor" />
										</div>
									</div>
									<p:message for="txtTelProveedorEditar" />
								</div>
								
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtCarpeta" value="Carpeta :" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtCarpeta" value="#{proveedorMB.objProveedorMain.carpeta}"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgCarpeta"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgCarpeta" value="Carpeta donde se va a guardar el excel" />
										</div>
									</div>
									<p:message for="txtCarpeta" />
								</div>
							</div>
							<div class="mitad">

								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtRucEditar" value="Ruc:" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtRucEditar" value="#{proveedorMB.objProveedorMain.ruc}" maxlength="12" onkeypress="mis_datos()"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgRucEditar"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgRucEditar" value="Registro" />
										</div>
									</div>
									<p:message for="txtRucEditar" />
								</div>

								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="txtDireccionEditar"
											value="Direcci&#243;n :" />
									</div>
									<div class="dostercios">
										<div class="input">
											<p:inputText id="txtDireccionEditar" value="#{proveedorMB.objProveedorMain.direccion}"/>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgDireccionEditar"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgDireccionEditar" value="Direcci&#243;n" />
										</div>
									</div>
									<p:message for="txtDireccionEditar" />
								</div>
								<div class="completo">
									<div class="tercio">
										<h:outputLabel for="cboEstadoEditar" value="Estado:" />
									</div>
									<div class="dostercios">
										<div class="combo">
											<p:selectOneMenu id="cboEstadoEditar" value="#{proveedorMB.iIdEstadoMae}">
												<f:selectItem itemLabel="-- Seleccione un estado --" itemValue="-1" />
												<f:selectItems value="#{parametroMB.lstEstadosGenerales}"
												var="estadoGeneral" itemLabel="#{estadoGeneral.nombre}"
												itemValue="#{estadoGeneral.codigo}"/>
											</p:selectOneMenu>
										</div>
										<div class="tooltip">
											<h:graphicImage id="imgEstadoEditar"
												url="../../../presentacion/images/help.png"></h:graphicImage>
											<p:tooltip for="imgEstadoEditar" value="Estado" />
										</div>
									</div>
									<p:message for="cboEstadoEditar" />
								</div>
							</div>
						</div>
						<div class="boton">
							<p:commandButton value="Guardar" icon="ui-icon-disk" actionListener="#{proveedorMB.editProveedorBBVA}" update="msj,wLisProv:tblProveedores"
						 onclick="dlgEditarProveedor.hide()"/>
						</div>
					</p:tab>
				</p:accordionPanel>
				</p:outputPanel>
			</h:form>
		</p:dialog>


		<!-- PROVEEDORES -->
	
		
	</ui:define>
	
	
	
</ui:composition>